<!DOCTYPE html>
<html class='reftest-wait'>
  <!-- Test: if input isn't valid nor barred from constraint validation,
             and its value isn't the default value,
             it should be affected by :-moz-ui-invalid pseudo-class. -->
  <link rel='stylesheet' type='text/css' href='style.css'>
  <body onload="document.getElementById('i').value='foo';
                document.documentElement.className='';">
    <input id='i' class='invalid' pattern='bar' value='f'>
  </body>
</html>

